// 请求封装
// 实例化，两个拦截器
import axios from 'axios'
import { history } from "@/utils/history"
import { getToken, clearToken } from '@/utils/token'


const Request = axios.create({
    // baseURL: 'http://localhost:4001',
    timeout: 5000
})
// 添加请求拦截器
Request.interceptors.request.use((config) => {
    //添加token
    const token = getToken()
    if (token) {
        config.headers.Authorization = `Bearer ${token}`
    }
    return config
}, (error) => {
    return Promise.reject(error)
})

// 添加响应拦截器
Request.interceptors.response.use((response) => {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    return response.data
}, (error) => {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    if (error.response.status === 400) {
        // 删除token
        clearToken()
        // 跳转到登录页
        history.push('/login')
    }
    return Promise.reject(error)
})

export { Request }